<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>

	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
		<title>Insert title here</title>
	</head>

	<body>
		<jsp:include page="/WEB-INF/jsp/lib.jsp" />
		<!--
	作者：offline
	时间：2018-04-09
	描述：
	导入中文包
-->
		<script type="text/javascript" src="js/locale/easyui-lang-zh_CN.js"></script>
		职位名称：<input type="text" id="positionName" />
		<button id="but">搜索</button>
		<hr />
		<div id="div1">
			<form action="#" id="ff">
				<table>
					<tr>
						<td>部门名称：</td>
						<td>
							<select name="deptId" id="dept">
							</select>
						</td>
					</tr>
					<tr>
						<td>职位名称：</td>
						<td>
							<input type="text" name="positionName"/>
						</td>
					</tr>
				</table>
				<input type="hidden" name="id" />
			</form>
		</div>
		<table id="ta"></table>
		<script type="text/javascript">
			$(function() {
				$("#but").click(function(){
					//获取输入的数据
					var positionName = $("#positionName").val()
					//带着参数请求后台
					$("#ta").datagrid({
						queryParams:{
							positionName:positionName
						}
					})
				})
				
				var url
				//发送ajax请求获取部门名称
				$.ajax({
					url:'${pageContext.request.contextPath}/dept/list.do',
					data:{page:1,rows:500},
					success:function(data){
						//将部门数据迭代
						$(data.rows).each(function(){
							var option = '<option value='+this.id+'>'+this.deptName+'</option>';
							$("#dept").append(option)
						})
					}
				})
				
				//页面加载完成之后初始化对话框
				$("#div1").dialog({
					//隐藏对话框
					 closed: true,
					 //添加遮罩
					modal:true,
					//对话框中的按钮
					buttons:[{
						iconCls: 'icon-save',
						text:'保存',
						handler:function(){
							//获取表单中提交的数据
							var f = $("#ff").form();
							var formdata = f.serialize();
							//发送ajax请求
							$.ajax({
								url:url,
								data:formdata,
								//回调函数
								success:function(data){
									//关闭对话框
									$("#div1").dialog("close"),
									//刷新表格
									$("#ta").datagrid('reload')
									
								}
								
							});
						}

					},{
						iconCls: 'icon-cancel',
						text:'取消',
						handler:function(){
							//关闭对话框
							$("#div1").dialog("close")
						}

					}]
				})
				
				//页面加载完成之后初始化表格
				$("#ta").datagrid({
					url: '${pageContext.request.contextPath}/posd/select.do',
					columns: [
						[
							//{"id":1,"deptId":1,"deptName":"人力资源部","positionName":"人力资源主管","updateTime":null,"createTime":null}
							{
								field: 'id',
								title: '职位id',
								width: 100
							},
							{
								field: 'deptId',
								title: '部门id',
								width: 100
							},
							{
								field: 'deptName',
								title: '部门名称',
								width: 100
							},
							{
								field: 'positionName',
								title: '职位名称',
								width: 100
							},
							{
								field: 'updateTime',
								title: '修改时间',
								width: 100,
								formatter: function(value) {
									if(value) {
										var date = new Date(value);
										//获取区年
										var year = date.getFullYear();
										var month = date.getMonth() + 1;
										var date1 = date.getDate();
										var hours = date.getHours();
										var min = date.getMinutes();
										var sec = date.getSeconds();
										var d = year + "/" + month + "/" + date1 + " " + hours + ":" + min + ":" + sec;
										return d;
									}
								}
							},
							{
								field: 'createTime',
								title: '创建时间',
								width: 100,
								formatter: function(value) {
									if(value) {
										var date = new Date(value);
										//获取区年
										var year = date.getFullYear();
										var month = date.getMonth() + 1;
										var date1 = date.getDate();
										var hours = date.getHours();
										var min = date.getMinutes();
										var sec = date.getSeconds();
										var d = year + "/" + month + "/" + date1 + " " + hours + ":" + min + ":" + sec;
										return d;
									}
								}
							}
						]
					],
					//开启分页工具栏
					pagination: true,
					//以适应网格的宽度
					fitColumns: true,
					//在设置分页属性的时候 初始化页面大小选择列表。
					pageList: [5, 10, 15],
					//在设置分页属性的时候初始化页面大小。
					pageSize: 5,
					//在设置分页属性的时候初始化页码。
					pageNumber: 1,
					//设置按钮
					toolbar:[{
						iconCls: 'icon-add',
						text:"新增",
						handler: function(){
							//点击添加打开对话框
							$("#div1").dialog("open"),
							//设置对话框的标题
							$("#div1").dialog("setTitle","添加职位"),
							//清空对话框中的数据
							$("#ff").form('clear'),
							//更改url地址
							url="${pageContext.request.contextPath}/posd/add.do"
							
						}

					},'-',{
						iconCls: 'icon-edit',
						text:"修改",
						handler: function(){
							//获取选中的那行数据
							var row = $("#ta").datagrid("getSelected");
							//判断
							if(row){
								//打开对话框
								$("#div1").dialog("open"),
								//设置对话框的标题
								$("#div1").dialog("setTitle","修改部门"),
								//清空对话框中的数据
								$("#ff").form("clear"),
								//回显数据
								$("#ff").form("load",row),
								//修改url地址
								url = "${pageContext.request.contextPath}/posd/update.do"
							}
						}

					},'-',{
						iconCls: 'icon-remove',
						text:"删除",
						handler: function(){
							//获取选中的那行数据
							var row = $("#ta").datagrid("getSelected");
							if(row){
								$.messager.confirm('确认','您确认想要删除吗？',function(r){
								if(r){
									//发送ajax
									$.ajax({
										url:"${pageContext.request.contextPath}/posd/delete.do",
										data:{id:row.id},
										//回调函数
										success:function(data){
											//刷新对话框
											$("#ta").datagrid('reload')
										}
									});
								}
							})
							}
							
						}

					}],
					//取消多选
					singleSelect:true,
					striped:true

				})

			})
		</script>

	</body>

</html>